<!DOCTYPE html>
<html>

<head>
    <title>share</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/share.css">
    <style type="text/css">
        html {
            height: 100%;
        }
        body {
            min-height: 100%;
            position: relative;
            background: #eee;
            font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
            font-size: 14px;
            color: #000;
            margin: 0;
            padding: 0;
        }

        #banner {
            height: 630px;
        }

        .swiper-container {
            width: 100%;
            height: 632px;
        }

        .swiper-slide {
            text-align: center;
            font-size: 18px;
            background: #fff;

            /* Center slide text vertically */
            display: -webkit-box;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            -webkit-justify-content: center;
            justify-content: center;
            -webkit-box-align: center;
            -ms-flex-align: center;
            -webkit-align-items: center;
            align-items: center;
        }
    </style>
</head>

<body>
    <div id="header">
        <div class="container">
            <div class="header_left left">
                <div class="xlwb"></div>
                <div class="txwb"></div>
                <div class="tel">023-6580-7001</div>
            </div>
            <ul class="right">
                <li>Login</li>
                <li>Sign Up</li>
                <li>Explain</li>
                <li>Help Center</li>
            </ul>
        </div>
    </div>
    <div id="nav">
        <div class="container">
            <div class="logo left">
                <img src="img/logo.png">
            </div>
            <ul class="right">
                <li><a href="index.html">Index</a></li>
                <li><a href="focus.html">Focus</a></li>
                <li><a href="designer.html">Designer</a></li>
                <li><a href="product.html">Products</a></li>
                <li><a href="#">Share Your Lifestyle</a></li>
                <li><a href="cart.html">Cart</a></li>
            </ul>
        </div>
    </div>
    <div class="share">
        <div class="title">
            <h3>SUSTAINABILITY: Circular Textile Recycling</h3>
            <img src="img/share5.jpg" width="80%" style="margin:0 auto" />
        </div>
        <div class="text">
            <p>Netherland-based recycling company group Wolkat collects, sorts and recycles your discarded textiles and
                turns them into new raw materials. Wolkat aims to optimise value in every step of the textile recycling
                supply chain, from re-use as garment to recycled end products for the fashion, car and home textiles
                industry. Their circular and transparent way of working makes them “the only company in the world with
                control over the full supply chain: collecting, sorting, recycling, spinning and weaving under one
                roof.” </p>
            <p>Environmental protection fabrics in general can be divided into two categories: living environmental
                protection fabrics and industrial environmental protection fabrics living environmental protection
                fabrics generally by RPET fabric organic cotton, colored cotton, bamboo fiber, soybean protein fiber,
                hemp fiber, Modal organic wool, log, tencel and other fabrics industrial environmental protection
                fabrics by PVC Polyester Fiber, Glass Fiber and other inorganic non-metallic materials and metal
                materials can achieve the effect of environmental protection, energy saving and recycling in practical
                application.</p>
            <div class="sign_up">
                <a href="#">Share</a>
            </div>
        </div>
    </div>
    </div>
    <div id="footer">
        <div class="container">
            <img src="img/logo.png" />
            <p>About Skip to My Lo</p>
            <p>Premium Blend</p>
            <p>Get Involved</p>
            <p>Site Map</p>
            <p>Network To Report</p>
        </div>
    </div>
</body>